<template>
    <div>
        <slot name="setting"></slot>
        <blank-place-holder v-if="item.data.url === '' || item.data.url === undefined" msg="选择此处再在配置区域添加上传图片"></blank-place-holder>
        <div :style="{
           height: item.data.url === '' || item.data.url === undefined ? '204px' : 'auto'
        }">
            <van-image :style="{
            display: item.data.url === '' || item.data.url === undefined ? 'none' : 'inline-block'
        }"  :fit="item.data.fit" width="100%" :height="item.data.style.height === 'auto' ? 'auto' : (item.data.style.height + 'px')" :src="item.data.url" />
        </div>
    </div>
</template>

<script>
    import BlankPlaceHolder from "../../BlankPlaceHolder";

    export default {
        components:{
            BlankPlaceHolder,
        },
        props: {
            item: Object
        },
    };
</script>